<template>
  <div class="main" v-if="show">
    <input type="text" class="inp">
    <button class="subm">给您回电</button>
    <span class="close" @click="viewinfo">X</span>
    <div class="font">
      <p>声明：本网站不存在任何盈利行为与商业合作！</p>
      <br>
      <p>如果您有任何关于留学方面的任何问题，均可免费咨询!</p>
      <p>电话：18518463236</p>
      <p>微信：18231133236</p>
    </div>
  </div>
</template>
<script>
export default{
  name:"HomeView",
  props:{
    show:Boolean
  },
  methods:{
    viewinfo:function(){
      this.$emit("tobus")
    }
  }
}
</script>
<style lang="stylus" scoped>
  .main
    position:fixed
    width:80%
    height:3.5rem
    left:5%
    top:27%
    background #fff
    border:1px solid rgb(20,120,244)
    border-radius:.2rem
    padding .3rem .3rem
    z-index 1
    .inp
      border 1px solid rgb(211,211,211)
      border-radius :.1rem
      height .6rem
      line-height .6rem
    .subm
      background rgb(20,120,244)
      margin-left .2rem
      color:#fff
      border-radius .1rem
      width:1.5rem
      height .6rem
      line-height .6rem
    .close
      font-size:.6rem
      width:.6rem
      text-align center
      position :fixed
      right:3.5%
      top:27.5%
      border:1px solid rgb(44,133,213)
      background rgb(44,133,213)
      color:#000
      border-radius 50%
    .font
      padding .3rem 0
      line-height .35rem
      color:rgb(44,133,213)
</style>
